<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <link rel="icon" href="res/img/drops.ico" type="image/x-icon">
    <link rel="Shortcut icon" href="res/img/drops.ico" type="image/x-icon">
    <title>小宇の窝</title>
</head>

<style>
    .inscription {
        color: #458C67;
        position: absolute;
        line-height:1.5;
        margin: 9vh 4vw;
        z-index: 2;
        opacity: 0.4;
        font-size: 6.5vw;
        font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    }
</style>


<body style="background-color:#232323; margin:0; padding:0;">

    <div class="inscription">
        <span>凌波不过横塘路，<br/>
        但目送、芳尘去。<br/>
        锦瑟华年谁与度？<br/>
        月桥花院，琐窗朱户，只有春知处。<br/>
        飞云冉冉蘅皋暮，<br/>
        彩笔新题断肠句。<br/>
        试问闲情都几许？<br/>
        一川烟草，满城风絮，梅子黄时雨。</span>
    </div>

    <div style="width: 100vw; height: 100vh;  opacity: 0.7;
               background-image: url(back.jpg); background-repeat:no-repeat; background-size:cover;"> </div>

</body>

</html>